<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>盒模型卡片布局</title>
	
	<style>
		/**
		 * css样式思路：
		 * 1.通配选择器：微软雅黑 #f5f5f5 浅灰、外边距至0
		 * 2.#product_card:边框、内边距、外边距、阴影【透明.1】 文字居中
		 * 3.img：边框倒角、内外边距 【微调】
		 * 4.h3：颜色， 内外边距 【微调】
		 * 5.p:字体大小、颜色
		   6.p+span：span 内外边距 【微调】 颜色
		 */
	</style>
	</head>
	<body>
		
<img src="su7_海报.jpg.jpg" width=218px"
<h3>小米SU7</h3>
<p>¥279999.00</p>
<p>已有<span>10万+</span>人评价</p>
</div>
<!DOCTYPE html>

<head>
    <meta charset="UTF-8">
    <style>
        div {
            border: 1px solid #ccc;
        }
    </style>
</head>

</html>










